<template>
  <div>
    <div class="flex-center" style="padding: 20px 16px 10px">
      <div class="web-item-title mr-md"></div>
      <div class="flex-1 text-bold c-title">
        {{ o.data.title || '文章列表' }}
      </div>
      <div class="flex-y-baseline c-caption" style="font-style: normal">
        查看更多
        <i class="iconfont iconjiantou" style="font-size: 13px"></i>
      </div>
    </div>
    <!-- <div class="card-item-title flex-center" v-if="item.show_name == 1 || item.show_more == 1">
      <div class="web-item-title mr-md"></div>
      <div class="flex-1 text-bold">{{item.show_name == 1 ? item.name : ' '}}</div>
      <div
        class="flex-y-baseline c-caption"
        style="font-style: normal;"
        v-if="item.show_more == 1"
      >
        查看更多
        <i class="iconfont iconjiantou" style="font-size:13px"></i>
      </div>
    </div>-->

    <div
      class="clear-btn mb-lg ml-lg mr-lg"
      v-for="(item, index) in o.data.row.number"
      :key="index"
    >
      <div class="fill-base mb-lg pd-lg radius-10 flex-between">
        <div class="max-456">
          <div class="f-title c-title ellipsis-2" style="height: 48px">
            文章标题
          </div>
          <div class="f-paragraph c-caption mt-sm">2020/06/03</div>
        </div>
        <img mode="aspectFill" class="avatar webtype" :src="image" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'articleList',
  props: {
    o: Object
  },
  data () {
    return {
      primaryColor: '#19c865',
      image: 'https://lbqny.migugu.com/admin/diy/default.png'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
